<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="js/echarts.js"></script>
		<script src="js/Welcome.js"></script>
	</head>

	<body>
		<div class="layui-row layui-col-space5">
			<div class="layui-col-md4">
				<div class="card">
					<div class="layui-card-header">
						<h3>快捷方式</h3></div>
					<div class="layui-card-body">
						<div class="layui-row layui-col-space10" align="center">
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-console" style="font-size: 35px"></span>
								</div>
								<p>主页一</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px;"></span>
								</div>
								<p>主页二</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px;"></span>
								</div>
								<p>弹出</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px;"></span>
								</div>
								<p>聊天</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px;"></span>
								</div>
								<p>进度条</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px;"></span>
								</div>
								<p>工单</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px;"></span>
								</div>
								<p>用户</p>
							</div>
							<div class="layui-col-md3">
								<div class="layui-card-body layui-bg-gray">
									<span class="layui-icon layui-icon-template-1" style="font-size: 35px;"></span>
								</div>
								<p>设置</p>
							</div>
						</div>
						<div class="layui-row">
							<div class="layui-col-md3"></div>
							<div class="layui-col-md3"></div>
							<div class="layui-col-md3"></div>
							<div class="layui-col-md3"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-card">
					<div class="layui-card-header"><h3>待办事项</h3></div>
					<div class="layui-card-body">
						<div class="layui-row layui-col-space5">
							<div class="layui-col-md6">
								<div class="layui-card-body bg-gray">
									<p>待审评论</p>
									<h1 style="color:#5FB878">66</h1>
								</div>
							</div>
							<div class="layui-col-md6">
								<div class="layui-card-body bg-gray">
									<p>待审帖子</p>
									<h1 style="color:#5FB878">12</h1>
								</div>
							</div>
							<div class="layui-col-md6">
								<div class="layui-card-body bg-gray">
									<p>待审商品</p>
									<h1 style="color:#5FB878">99</h1>
								</div>
							</div>
							<div class="layui-col-md6">
								<div class="layui-card-body bg-gray">
									<p>待发货</p>
									<h1 style="color:#5FB878">20</h1>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-card">
					<div class="layui-card-header"><h3>版本信息</h3></div>
					<div class="layui-card-body">
					     <table class="layui-table">
					     	<tr>
					     		<td>当前版本</td>
					     		<td>v1.2.3pro <a class="text-info">更新日志</a><td>
					     	</tr>
					     	<tr>
					     		<td>基于框架</td>
					     		<td>layui-v2.4.5</td>
					     	</tr>
					     	<tr>
					     		<td>主要特色</td>
					     		<td>单页面/响应式/清爽/极简</td>
					     	</tr>
					     	<tr>
					     		<td>获取渠道</td>
					     		<td><a class="layui-btn layui-btn-sm layui-btn-warm">获取授权</a>
					     			&nbsp;<a class="layui-btn layui-btn-sm">立即下载</a>
					     		</td>
					     	</tr>
					     	</table>
					     </div>
					</div>
				</div>
			</div>
			<div class="layui-row layui-col-space5">
			<div class="layui-col-md6">
				<div class="layui-card">
				<div class="layui-card-header">柱状图</div>
				<div class="layui-card-body">
				<div  id="bar" style="height: 300px; width:100%;"></div>
				</div>
				
			</div>
			</div>
			<div class="layui-col-md6">
					<div class="layui-card">
				<div class="layui-card-header">饼图</div>
				<div class="layui-card-body">
					<div  id="pie" style="height: 300px; width:100%;"></div>
				
				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-card">
				<div class="layui-card-header">基础数据</div>
				<div class="layui-card-body">
					<table class="layui-table">
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						
						
					</table>	
				</div>
				</div>
			</div>
			<div class="layui-col-md8">
				<div class="layui-card">
				<div class="layui-card-header">仪表图</div>
				<div class="layui-card-body">
				    <div  id="gauge" style="height: 300px; width:100%;"></div>
				</div>
				</div>
			</div>
			
		</div>
		</div>
		
	</body>
</html>